<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
const isMac = navigator.platform.indexOf('Mac') === 0;
const kBehaviors = window.internals ? ['mac', 'win'] : isMac ? ['mac'] : ['win'];
for (const behavior of kBehaviors) {
  if (window.internals) {
    internals.settings.setEditingBehavior(behavior);
    internals.settings.setSelectTrailingWhitespaceEnabled(behavior !== 'mac');
  }

selection_test(
  '<div contenteditable dir="ltr">|Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">^Lorem| <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">^Lorem |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-0 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">L|orem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">L^orem| <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">L^orem |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-1 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lo|rem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lo^rem| <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lo^rem |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-2 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lor|em <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lor^em| <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lor^em |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-3 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lore|m <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lore^m| <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lore^m |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-4 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem| <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem^ <span style="direction: ltr">ipsum| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem^ |<span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-5 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">|ipsum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">^ipsum| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">^ipsum |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-6 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">i|psum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">i^psum| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">i^psum |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-7 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ip|sum dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ip^sum| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ip^sum |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-8 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ips|um dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ips^um| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ips^um |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-9 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsu|m dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsu^m| dolor<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsu^m |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-10 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum| dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum^ dolor|<div> just a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum^ |dolor<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-11 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum |dolor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum ^dolor|<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-12 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum d|olor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum d^olor|<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-13 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum do|lor<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum do^lor|<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-14 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dol|or<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dol^or|<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-15 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolo|r<div > just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolo^r|<div> just a test</div> sit</span> amet</div>',
  `${behavior} 7-16 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div >| just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ^just| a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ^just |a test</div> sit</span> amet</div>',
  `${behavior} 7-17 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > |just a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ^just| a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ^just |a test</div> sit</span> amet</div>',
  `${behavior} 7-18 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > j|ust a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> j^ust| a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> j^ust |a test</div> sit</span> amet</div>',
  `${behavior} 7-19 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > ju|st a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ju^st| a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> ju^st |a test</div> sit</span> amet</div>',
  `${behavior} 7-20 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > jus|t a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> jus^t| a test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> jus^t |a test</div> sit</span> amet</div>',
  `${behavior} 7-21 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just| a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just^ a| test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just^ |a test</div> sit</span> amet</div>',
  `${behavior} 7-22 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just |a test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just ^a| test</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just ^a |test</div> sit</span> amet</div>',
  `${behavior} 7-23 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a| test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a^ test|</div> sit</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a^ |test</div> sit</span> amet</div>',
  `${behavior} 7-24 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a |test</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a ^test|</div> sit</span> amet</div>',
  `${behavior} 7-25 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a t|est</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a t^est|</div> sit</span> amet</div>',
  `${behavior} 7-26 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a te|st</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a te^st|</div> sit</span> amet</div>',
  `${behavior} 7-27 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a tes|t</div> sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a tes^t|</div> sit</span> amet</div>',
  `${behavior} 7-28 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div>| sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> ^sit|</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> ^sit</span> |amet</div>',
  `${behavior} 7-29 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> |sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> ^sit|</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> ^sit</span> |amet</div>',
  `${behavior} 7-30 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> s|it</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> s^it|</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> s^it</span> |amet</div>',
  `${behavior} 7-31 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> si|t</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> si^t|</span> amet</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> si^t</span> |amet</div>',
  `${behavior} 7-32 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span>| amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  behavior === 'mac'
      ? '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span>^ amet|</div>'
      : '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span>^ |amet</div>',
  `${behavior} 7-33 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> |amet</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> ^amet|</div>',
  `${behavior} 7-34 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> a|met</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> a^met|</div>',
  `${behavior} 7-35 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> am|et</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> am^et|</div>',
  `${behavior} 7-36 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> ame|t</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> ame^t|</div>',
  `${behavior} 7-37 ltr forward word`);

selection_test(
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div > just a test</div> sit</span> amet|</div>',
  selection => selection.modify('extend', 'forward', 'word'),
  '<div contenteditable dir="ltr">Lorem <span style="direction: ltr">ipsum dolor<div> just a test</div> sit</span> amet|</div>',
  `${behavior} 7-38 ltr forward word`);
}
</script>
